<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.css" rel="stylesheet" />
		<link href="../css/iconfont.css" rel="stylesheet" />
    	<link href="../css/quanbu.css" rel="stylesheet" />
    	<script src="../js/jquery-1.9.1.min.js"></script>
	</head>

	<body>
		<!--  顶部组件      -->
		<header class="mui-bar mui-bar-nav head">
			<a class="mui-action-back">
				<span class="mui-icon mui-icon-arrowleft sp5"></span>
			</a>
		    <h1 class="mui-title">全部</h1>
		    <span class="gouwuche">
		    	<i class="iconfont icon-gouwuche"></i>
		    </span>
		</header>
		
		<!--  底部导航栏     -->
		
		
		<!--  主题内容组件     -->
		<div class="mui-content">
			<!-- div选项卡      -->
			<ul class="mui-table-view mui-active uls "> 
		        <li class="mui-table-view-cell mui-collapse">
		            <a class="mui-navigate-right as" href="#">
		            	<img class="imgs2" src="../img/jiyou/jiyou1.png" />
		            	<span class="spng2">油品</span>
		            </a>
		            <div class="mui-collapse-content all_content">
		                <div class="xiangxi">
		                	<div class="xiangxi_one">
		                		<a>2016款  1.4L 五档手动</a>
		                	</div>
		                	<div class="xiangxi_two">
		                		<a>途安</a>
		                	</div>
		                </div>
		                <div class="xiangxi">
		                	<div class="xiangxi_one">
		                		<a>上海大众 POLO</a>
		                	</div>
		                	<div class="xiangxi_two">
		                		<a>途安</a>
		                	</div>
		                </div>
		                <div class="xiangxi">
		                	<div class="xiangxi_one">
		                		<a>上海大众 POLO</a>
		                	</div>
		                	<div class="xiangxi_two">
		                		<a>途安</a>
		                	</div>
		                </div>
		            </div>
		        </li>
		   </ul>
		   <ul class="mui-table-view"> 
		        <li class="mui-table-view-cell mui-collapse">
		            <a class="mui-navigate-right as" href="#">
		            	<img class="imgs2" src="../img/jiyou/jiyou2.png" />
		            	<span class="spng2">汽车用品</span>
		            </a>
		            <div class="mui-collapse-content all_content">
		                <div class="xiangxi">
		                	<div class="xiangxi_one">
		                		<a>上海大众 POLO</a>
		                	</div>
		                	<div class="xiangxi_two">
		                		<a>途安</a>
		                	</div>
		                </div>
		                <div class="xiangxi">
		                	<div class="xiangxi_one">
		                		<a>上海大众 POLO</a>
		                	</div>
		                	<div class="xiangxi_two">
		                		<a>途安</a>
		                	</div>
		                </div>
		                <div class="xiangxi">
		                	<div class="xiangxi_one">
		                		<a>上海大众 POLO</a>
		                	</div>
		                	<div class="xiangxi_two">
		                		<a>途安</a>
		                	</div>
		                </div>
		            </div>
		        </li>
		   </ul>
		   <ul class="mui-table-view"> 
		        <li class="mui-table-view-cell mui-collapse">
		            <a class="mui-navigate-right as" href="#">
		            	<img class="imgs2" src="../img/jiyou/gongju.png" />
		            	<span class="spng2">工具</span>
		            </a>
		            <div class="mui-collapse-content all_content">
		                <div class="xiangxi">
		                	<div class="xiangxi_one">
		                		<a>上海大众 POLO</a>
		                	</div>
		                	<div class="xiangxi_two">
		                		<a>途安</a>
		                	</div>
		                </div>
		                <div class="xiangxi">
		                	<div class="xiangxi_one">
		                		<a>上海大众 POLO</a>
		                	</div>
		                	<div class="xiangxi_two">
		                		<a>途安</a>
		                	</div>
		                </div>
		                <div class="xiangxi">
		                	<div class="xiangxi_one">
		                		<a>上海大众 POLO</a>
		                	</div>
		                	<div class="xiangxi_two">
		                		<a>途安</a>
		                	</div>
		                </div>
		            </div>
		        </li>
		   </ul>
		   <ul class="mui-table-view"> 
		        <li class="mui-table-view-cell mui-collapse">
		            <a class="mui-navigate-right as" href="#">
		            	<img class="imgs2" src="../img/jiyou/qita1.png" />
		            	<span class="spng2">其他产品</span>
		            </a>
		            <div class="mui-collapse-content all_content">
		                <div class="xiangxi">
		                	<div class="xiangxi_one">
		                		<a>上海大众 POLO</a>
		                	</div>
		                	<div class="xiangxi_two">
		                		<a>途安</a>
		                	</div>
		                </div>
		                <div class="xiangxi">
		                	<div class="xiangxi_one">
		                		<a>上海大众 POLO</a>
		                	</div>
		                	<div class="xiangxi_two">
		                		<a>途安</a>
		                	</div>
		                </div>
		                <div class="xiangxi">
		                	<div class="xiangxi_one">
		                		<a>上海大众 POLO</a>
		                	</div>
		                	<div class="xiangxi_two">
		                		<a>途安</a>
		                	</div>
		                </div>
		            </div>
		        </li>
		   </ul>
		   <ul class="mui-table-view"> 
		        <li class="mui-table-view-cell mui-collapse">
		            <a class="mui-navigate-right as" href="#">
		            	<img class="imgs2" src="../img/jiyou/qita2.png" />
		            	<span class="spng2">其他产品</span>
		            </a>
		            <div class="mui-collapse-content all_content">
		                <div class="xiangxi">
		                	<div class="xiangxi_one">
		                		<a>上海大众 POLO</a>
		                	</div>
		                	<div class="xiangxi_two">
		                		<a>途安</a>
		                	</div>
		                </div>
		                <div class="xiangxi">
		                	<div class="xiangxi_one">
		                		<a>上海大众 POLO</a>
		                	</div>
		                	<div class="xiangxi_two">
		                		<a>途安</a>
		                	</div>
		                </div>
		                <div class="xiangxi">
		                	<div class="xiangxi_one">
		                		<a>上海大众 POLO</a>
		                	</div>
		                	<div class="xiangxi_two">
		                		<a>途安</a>
		                	</div>
		                </div>
		            </div>
		        </li>
		   </ul>
		</div>
		<script src="../js/mui.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			mui.init()

            $.ajax({
                url:'http://www.reliants.cn/Mobile/index/quanbu',
                //url:'http://11.nimingkeji.sinaapp.com/index.php',
                type:'get',
                async:true,
                dataType:'json',
                success:function(data){
                    $.each(data,function(infoIndex,info){
                        $('.imgs2').eq(infoIndex).attr('src',info.src);
                        $('.spng2').eq(infoIndex).text(info.name);
					})
                },
                error:function(XMLHttpRequest, textStatus, errorThrown){
                    alert(errorThrown)
                },
            })
		</script>
	</body>

</html>
